<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // a1
      var data = [
        {
          id: 1,
          name: '家电',
          goods: [
            {
              id: 11,
              gname: '冰箱',
              goods: [
                {
                  id: 111,
                  gname: '海尔'
                },
                {
                  id: 112,
                  gname: '美的'
                }
              ]
            },
            {
              id: 12,
              gname: '洗衣机'
            }
          ]
        },
        {
          id: 2,
          name: '服饰'
        }
      ]
      function getID(json, id) {
        // a3
        let o = {}
        let b = json.forEach(function (item) {
          // console.log(item)
          // a2
          // return 2 ,我想看forEach能不能返回东西，但不行；
          if (item.id == id) {
            // console.log(item)
            // return item
            o = item
            // 在这里return 没啥用么
          }
          // 得到里层的数据，11，12，可以用递归
          else if (item.goods && item.goods.length > 0) {
            getID(item.goods, id)
            // a4
            // o = getID(item.goods, id)
          }
        })
        // console.log('o2', o)
        // console.log('b', b)
        return o
      }
      // console.log(getID(data, 112))
      let a = getID(data, 1)
      console.log('a', a)
      // console.log(getID(data, 1))
    </script>
  </body>
</html>
